<!DOCTYPE html>
<html>
	<head>
		<title>Black &amp; White</title>

		<!-- meta -->
		<meta charset="UTF-8">
	    <meta name="viewport" content="width=device-width, initial-scale=1">

	    <!-- css -->
		<link  type="text/css" rel="stylesheet" href="css/bootstrap.min.css">
		<link  type="text/css" rel="stylesheet" href="css/ionicons.min.css">
		<link  type="text/css" rel="stylesheet" href="css/pace.css">
	    <link  type="text/css" rel="stylesheet" href="css/custom.css">

	    <!-- js -->
	    <script type="text/javascript" src="js/jquery-2.1.3.min.js"></script>
	    <script type="text/javascript" src="js/bootstrap.min.js"></script>
	    <script type="text/javascript" src="js/pace.min.js"></script>
	    <script type="text/javascript" src="js/modernizr.custom.js"></script>
	</head>

	<body id="page">
		<div class="container">	
			<header id="site-header">
				<div class="row">
					<div class="col-md-4 col-sm-5 col-xs-8">
						<div class="logo">
							<h1><a href="index.html"><b>Black</b> &amp; White</a></h1>
						</div>
					</div><!-- col-md-4 -->
					<div class="col-md-8 col-sm-7 col-xs-4">
						<nav class="main-nav" role="navigation">
							<div class="navbar-header">
  								<button type="button" id="trigger-overlay" class="navbar-toggle">
    								<span class="ion-navicon"></span>
  								</button>
							</div>

							<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
  								<ul class="nav navbar-nav navbar-right">
    								<li class="cl-effect-11"><a href="index.html" data-hover="主页">主页</a></li>
    								<li class="cl-effect-11"><a href="full-width.html" data-hover="博文">博文</a></li>
    								<li class="cl-effect-11"><a href="about.html" data-hover="关于我">关于我</a></li>
    								<li class="cl-effect-11"><a href="contact.html" data-hover="留言">留言</a></li>
  								</ul>
							</div><!-- /.navbar-collapse -->
						</nav>
						<div id="header-search-box">
							<a id="search-menu" href="#"><span id="search-icon" class="ion-ios-search-strong"></span></a>
							<div id="search-form" class="search-form">
								<form role="search" method="get" id="searchform" action="#">
									<input type="search" placeholder="搜索文章" required>
									<button type="submit"><span class="ion-ios-search-strong"></span></button>
								</form>				
							</div>
						</div>
					</div><!-- col-md-8 -->
				</div>
			</header>
		</div>

		<div class="content-body">
			<div class="container">
				<div class="row">
					<main class="col-md-12">
						<h1 class="page-title">关于</h1>
						<article class="post">
							<div class="entry-content clearfix">
								<figure class="img-responsive-center">
									<img class="img-responsive" src="img/me.jpg" alt="Developer Image">
								</figure>
								<!--<h1><small>关于我</small></h1>-->
								<!-- <p>&nbsp;&nbsp;&nbsp;&nbsp;</p>-->
								<h2><small>掌握技术</small></h2>
								<div style="float: left;margin-right: 60px;">
								<h3><small>Android</small></h3>
								<ul>
  									<li>熟练使用imageloader,okhttp,gson等开源框架</li>
  									<li>能够制作简单自定义组件，以及定制第三方组件</li>
  									<li>熟练使用高德地图，EasyAr等第三方sdk</li>
  									<li>对http1.x以及http2均有一定了解</li>
  									<li>有开发基于LBS软件以及电商APP软件经验</li>
								</ul>
								</div>
								<div >
								<h3><small>JAVA WEB</small></h3>
								<ul>
  									<li>熟练使用Java 反射，注解，继承等特性</li>
  									<li>熟练使用SSH，并且能够独立在linux系统搭建网站相关环境</li>
  									<li>能够使用html+css+jquery通过Ajax进行数据交互</li>
  									<li>对高并发，以及concurrent 包有所学习了解</li>
  									<li>对设计模式有一定了解学习</li>
								</ul>
								</div>
								<div style="clear: both;"></div>
								<h2><small>博客目标</small></h2>
								<p>&nbsp;&nbsp;&nbsp;&nbsp;博主的目标在于，用这个自己一点一点coding的博客，将自己的心得以及遇到的问题进行记录，博主也期待和更多的技术大神交流经验！</p>
								<h2><small>作品展示</small></h2>
								<div style="float: left;margin-right: 60px;">
								<dl>
  									<dt>梦可梦</dt>
  									
  									<dd><img src="img/meng.png"/></dd>
  									<dd class="text-center">
  									<a class="btn btn-primary " href="http://sj.qq.com/myapp/detail.htm?apkName=com.glavesoft.koudaikamen">详情</a></dd>
								</dl>
								<div >
								<dl>
  									<dt>逸休联盟</dt>
  									
  									<dd><img src="img/exiu.png"/></dd>
  									<dd class="text-center"><a class="btn btn-primary " href="http://sj.qq.com/myapp/detail.htm?apkName=com.exiu.exiucarowner">详情</a></dd>
								</dl>
								</div>
								</div>
								
								
								<div class="height-40px"></div>
								<div class="text-center" >
									<address>
  								<strong>希望技术党看客，多多一起来交流~</strong><br>
  								<a href="mailto:blackjuly@outlook.com" class="btn-link">Outlook邮箱：blackjuly@outlook.com</a>
  								<a href="mailto:120026139@qq.com" class="btn-link">QQ邮箱：120026139@qq.com</a>
  								<img alt="微信" src="img/weixincode.png" style="height: 120px;">
  								
								</address>
								</div>
							</div>
						</article>
					</main>
				</div>
			</div>
		</div>
		<footer id="site-footer">
			<div class="container">
				<div class="row">
					<div class="col-md-12">
						<p class="copyright">&copy; 2016 made by <a href="#">BlackJuly</a> </p>
					</div>
				</div>
			</div>
		</footer>

		<!-- Mobile Menu -->
		<div class="overlay overlay-hugeinc">
			<button type="button" class="overlay-close"><span class="ion-ios-close-empty"></span></button>
			<nav>
				<ul>
					<li><a href="index.html">主页</a></li>
					<li><a href="full-width.html">博文</a></li>
					<li><a href="about.html">关于我</a></li>
					<li><a href="contact.html">留言</a></li>
				</ul>
			</nav>
		</div>

		<script src="js/script.js"></script>
		<script type="text/javascript">var cnzz_protocol = (("https:" == document.location.protocol) ? " https://" : " http://");document.write(unescape("%3Cspan id='cnzz_stat_icon_1262286315'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "s22.cnzz.com/z_stat.php%3Fid%3D1262286315%26show%3Dpic' type='text/javascript'%3E%3C/script%3E"));</script>
	</body>
</html>
